<template>
	<view>
		<view class=" bg-light flex align-center p-2 border-bottom border-light-secondary" hover-class="bg-light">
			<image src="@/static/jfm2.jpg" class="rounded-circle mr-2" style="height: 100rpx;width: 100rpx;"></image>
			<view class="flex flex-column flex-1">
				<text class="fond-md text-dark font-weight-bolder">以慕</text>
				<view class="">
					<text>总帖数:3</text>
					<text class="px-2 ">今日发帖:1</text>
				</view>
			</view>
			<view class="flex align-center font text-secondary">
				更多<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<view class="flex justify-between px-5">
			<view class="flex flex-column align-center">
				<text style="font-size: 30px;">1</text>
				<text>帖子</text>
			</view>
			<view class="flex flex-column align-center">
				<text style="font-size: 30px;">2</text>
				<text>动态</text>
			</view>
			<view class="flex flex-column align-center">
				<text style="font-size: 30px;">3</text>
				<text>评论</text>
			</view>
			<view class="flex flex-column align-center ">
				<text style="font-size: 30px;">4</text>
				<text>粉丝</text>
			</view>
		</view>
		<view>
			<swiper class="py-3 px-1" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
				<swiper-item>
					<view class="swiper-item">
						<image src="/static/tabbar/jjy1.jpg" class="w-100 rounded"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="/static/jfm2.jpg" class="w-100 rounded"></image>
					</view>
				</swiper-item>
				<swiper-item>
					<view class="swiper-item">
						<image src="/static/jfm1.jpg" class="w-100 rounded"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
		<view class="flex px-2">
			<view class="flex flex-column flex-1 py-5">
				<text class="fond-md text-dark font-weight-bolder">浏览历史</text>
			</view>
			<view class="flex align-center font text-secondary">
				<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<view class="flex px-2">
			<view class="flex flex-column flex-1 py-5">
				<text class="fond-md text-dark font-weight-bolder">社区认证</text>
			</view>
			<view class="flex align-center font text-secondary">
				<text class="iconfont icon-jinru"></text>
			</view>
		</view>
		<view class="flex px-2" @click="openSearch">
			<view class="flex flex-column flex-1 py-5">
				<text class="fond-md text-dark font-weight-bolder">设置</text>
			</view>
			<view class="flex align-center font text-secondary">
				<uni-badge class="px-1" text="1" type='error'></uni-badge>
				<text class="iconfont icon-jinru"></text>
			</view>
		</view>
	</view>
</template>

<script>
	import uniBadge from "@/components/uni-ui/uni-badge/uni-badge.vue"
	export default {
		components: {
			uniBadge
		},
		data() {
			return {
			};
		},
		methods: {
			openSearch(){
				uni.navigateTo({
					url:"/pages/my-list/my-list"
				})
			},
		}
	}

</script>

<style lang="scss">
</style>